{extend name='public/layout'/}
<!-- 本页面要使用的css开始 -->
{block name='css'}
<link rel="stylesheet" type="text/css" href="__STATIC__/api/css/sign.css?v={:time()}" />
{/block}
<!-- 本页面要使用的css结束 -->
<!-- 本页面要使用的js开始 -->
{block name='js'}
<script src="__STATIC__/api/js/sign.js?v={:time()}" type="text/javascript" charset="utf-8"></script>
{/block}
<!-- 本页面要使用的js结束 -->
<!-- 页面主体开始 -->
{block name='app'}
<!-- 此处为html主体  -->
<div class="sign">
	<div class="sign-box">
		<img class="sign-box-img" src="__STATIC__/api/images/sign-box.png" alt="">
		<img class="sign-min" src="__STATIC__/api/images/sign-min.png" alt="">
	</div>
	<div style="margin-top: -90px;position: relative;z-index: 99;" class="">
		<div class="sign-data">
			<div class="active">
				周一
			</div>
			<div class="">
				周二
			</div>
			<div class="">
				周三
			</div>
			<div class="">
				周四
			</div>
			<div class="">
				周五
			</div>
			<div class="">
				周六
			</div>
			<div class="">
				周日
			</div>
		</div>
		<div class="sign-conten">
			<div style="padding: 20px 0;display: flex;justify-content: space-between;margin: 0 1rem;position: relative;"
				class="">
				<div style="width: 100%;height: 2px;background: #ebecee;position: absolute;top: 30px;" class="">

				</div>
				<div class="theBall" style="position: relative;">
					<img style="width: 100%;height: 100%;position: absolute;z-index: 99;"
						src="__STATIC__/api/images/failures.png">
				</div>
				<div class="theBall" style="position: relative;">
					<img style="width: 100%;height: 100%;position: absolute;z-index: 99;"
						src="__STATIC__/api/images/successfuls.png">
				</div>
				<div class="theBall">
				</div>
				<div class="theBall">
				</div>
				<div class="theBall">
				</div>
				<div class="theBall">
				</div>
				<div class="theBall">
				</div>
			</div>
			<div @click="signIn()" class="sign-in">
				立即签到
			</div>
			<p class="prompt">*首次签到的用户即可奖励8个积分</p>
		</div>
	</div>
	<img src="__STATIC__/api/images/go.png" alt="">
	<div class="theRules"
		style="background: #fff; margin: 0 1rem;padding: 0 1rem; border-radius: 10px;font-size: 0.6rem;color: #999999;"
		class="">
		<div style="display: flex; align-items: center;" class="">
			<img style="width: 1rem;height: 1rem;" src="__STATIC__/api/images/theRules.png">
			<div style="font-size: 1rem; color: #000;" class="">
				签到规则
			</div>
		</div>
		<p>1.用户每天可签到1次，并领取积分；</p>
		<p>2.首次签到奖励8个积分，之后的每次签到奖励2个 积分，积分值达60时，可参与一次抽奖；</p>
		<p>3.连续签到天数越长，获得的积分越多。若连续签到中断，则重新计算天数；</p>
		<p>4.如果出现用户违规行为，淇县农信联社有权终止其签到；</p>
	</div>

</div>
{include file='public/copyright' /}
{/block}
<!-- 页面主体结束 -->
